@import "../layout/variables", "../layout/mixin";
#user-head{
  background:#33b6ff;
  margin-bottom:30px;
  margin-top:0;
  .header-lg{
    width:210px;
    height:80px;
    .logo{
      margin:18px 0;
      background:url("/images/orders/logo.png") no-repeat;
    }
  }
  .myshop{
    float:left;
    color:#fff;
    width:80px;
    text-align:center;
    padding:15px 0;
    line-height:25px;
    a{
      color:#fff;
      display:inline-block;
      width:100%;
      height:17px;
      line-height:17px;
      border:1px solid #fff;
      border-radius:10px;

    }
  }
  .topnav{
    li{
      float:left;
      margin:0 40px;
      height:80px;
      line-height:80px;
      a{
        font-size:16px;
        color:#fff;
      }
    }
  }
  .search-wrap{
    margin:24px 0 0 85px;
    height:32px;
    input{
      width:144px;
      height:32px;
      padding:0;
      margin:0;
      border:0;
      text-indent:5px;
      font-size:12px;
    }
    button{
      width:56px;
      height:32px;
      background:#ededed;
      padding:0;
      color:#333;
      font-size:12px;

    }
  }
  .shopping-cart{
    width:140px;
    height:32px;
    margin:24px 0;
    line-height:32px;
    background:#f85e66;
    .my-cart{
      vertical-align:middle;
      color:#fff;
      .shopping_white{
        width:40px;
        height:40px;
        margin-top:-8px;
        margin-right:-5px;
      }
      .button_next{
        width:15px;
        height:15px;
      }
    }
  }
}
#user-sidebar{
  font-family:"Microsoft YaHei";
  float:left;
  h3{
    font-size:16px;
    color:#363636;
  }
  .menu{
    margin-left:16px;
    a{
      display:block;
      margin:12px 0;
      font-size:14px;
      &.active{
        color:#e13332;
      }
    }
  }

}
.consume-con{
  font-family:"Microsoft YaHei";
  width:967px;
  float:right;
  color:#666;
  border-bottom:1px solid #ededed;
  .consume-title{
    font-size:14px;
    height:66px;
    line-height:66px;
    border-bottom:1px solid #ededed;
    text-indent:39px;
    span{
      color:#e13332;
      font-weight:bold;
    }
  }
  .consume-main{
    .consume-filter{
      margin:35px 39px 10px;
      a{
        margin-right:28px;
        display:inline-block;
        padding:3px;
        &.active{
          color:#e43c3b;
          font-weight:bold;
          border-bottom:2px solid #e43c3b;
        }
      }
    }
    table{
      width:890px;
      margin:0 auto;
      border:1px solid #ededed;
      color:#333;
      th{
        background:#ededed;
        text-align:center;
        width:33%;
        height:30px;
      }
      tbody{
        td{
          text-align:center;
          width:33%;
          height:28px;
          border:1px solid #ededed;
        }
      }
    }

    .consume-page{
      margin:10px 40px 35px 0;
      float:right;
      button{
        float:left;
        margin:0 3px;
        color:#999;
        border:1px solid #999;
        background:#fff;
      }
      ul{
        float:left;
        li{
          float:left;
          width:30px;
          height:20px;
          text-align:center;
          line-height:20px;
          a{
            display:inline-block;
            width:30px;
            &.active{
              color:#e43c3b;
            }
          }
        }
      }
    }
  }

}
